<template>
    <div>
     {{rate}}
     {{ count }}
     {{ props.value }}
    </div>
</template>

<script setup>
import {ref,defineProps,computed} from 'vue';
let count = ref(0)//组件自有响应式数据
// 子组件和父组件不一定是一直绑定的，哪里要往哪里搬
//定义props业务消费数据，不是自身的数据，而由父组件绑定
//告诉外界，我需要一个什么类型的数据
//参数数据，外界传入的，不是自有的
let props = defineProps({
    value: Number
})
// 计算属性 数据
let rate = computed(() => "★★★★★☆☆☆☆☆".slice(5 - props.value, 10 - props.value))
</script>

<style  scoped>

</style>